Ext.define('Packt.view.Viewport', {
	extend: 'Ext.container.Viewport',
	requires: ['Ext.tab.Panel', 'Ext.layout.container.Border'],
	layout: {
		type: 'border'
	},
	items: [{
/*
         region: 'west',
                 xtype: 'panel',
                 title: 'west',
                 width: 150
         */
		xtype: 'mainmenu',
		width: 185,
		collapsible: true,
		region: 'west' //,
		//style: 'background-color: #8FB488;'
	},
	{
		region: 'center',
		xtype: 'mainpanel',
/*
        items:[{
            title: 'Center Tab 1'
        }]
        */
	}]
});